<template>
  <div>
    <h_header></h_header>
    <h_right></h_right>
    <!-- 主体 -->
    <div>
      <!-- 开头介绍模块 -->
      <div class="first">
        <div class="NewsCenter">
          <h2>新闻中心</h2>
          <div class="inlineBlue"></div>
          <p>记录团队成长点滴以及对技术、理念的探索，同时我们乐于分享！</p>
        </div>
      </div>
      <!-- 下方nav和主体区域 -->
      <div class="newsMain">
        <!-- nav区域 -->
        <div class="newsNav">
          <a href="javascript:void(0);" @click="exChange1">公司新闻</a>
          <a href="javascript:void(0);" class="navLeft" @click="exChange2"
            >行业新闻</a
          >
        </div>
        <!-- 主体区域 -->
        <div class="knowMain">
          <div class="knowCard" v-for="(item, index) of knowList" :key="index">
            <img :src="item.knowImg" alt="" />
            <div class="textCard">
              <div class="title">
                <span>{{ item.title1 }}</span>
                <span :title="item.title2" class="titleMain">
                  <a href="javascript:void(0);" @click="Skip(index)">{{
                    item.title2
                  }}</a>
                </span>
              </div>
              <p class="tags">
                {{ item.p1 }}
                <i>查看</i>
                {{ item.p2 }}
              </p>
              <p class="textMain">
                {{ item.content }}
              </p>
            </div>
          </div>
        </div>
        <!-- 页码区域 -->
        <div class="page">
          <span>
            共
            <b>1</b>
            页
            <b>5</b>
            条记录
          </span>
        </div>
      </div>
    </div>
    <!-- 主体结束 -->
    <h_question></h_question>
    <h_footer></h_footer>
  </div>
</template>
<script>
import h_header from "@/components/header/header.vue";
import h_right from "@/components/right/right.vue";
import h_footer from "@/components/footer/footer.vue";
import h_question from "@/components/question/question.vue";
import { majorList } from '@/config/config.js'
export default {
  components: {
    h_header: h_header,
    h_right: h_right,
    h_footer: h_footer,
    h_question: h_question,
  },
  data() {
    return {
      knowList: [
        {
          knowImg: require("@/assets/news/trade1.png"),
          title1: "行业新闻",
          title2: "语音输入能私人定制？讯飞输入法语音智适应如你所说",
          p1: "2018-09-07  ",
          p2: "(3587)",
          content:
            "“共创模式” 即本公司作为软件服务提供商，与来自传统产业的企业或者初创公司共同组成共创团队，该团队致力于帮助企业创造价值,成为企业的专业软件技术团队，为企业带来低成本，高质...",
        },
        {
          knowImg: require("@/assets/news/trade2.jpg"),
          title1: "行业新闻",
          title2: "互联网诞生50周年：一文带你回顾科技巨头重大里程碑",
          p1: "2018-09-07 ",
          p2: "(3358)",
          content:
            "北京时间10月30日消息，2019年10月29日是世界互联网诞生50周年纪念日。半个世纪过去了，互联网会给世界带来哪些变化呢？如今，苹果公司、亚马逊公司以及微软公司的市值...",
        },
        {
          knowImg: require("@/assets/news/trade3.jpg"),
          title1: "行业新闻",
          title2: "谷歌CEO：谷歌量子计算取得重大里程碑 应用前景广阔",
          p1: "2018-09-07  ",
          p2: "(3587)",
          content:
            "据国外媒体报道， 谷歌CEO桑德尔·皮查伊（Sundar Pichai）今日公司网站上发表题为“我们的量子计算里程碑意味着什么”的文章，对谷歌在量子计算领域取得的重大突破进行了回顾...",
        },
        {
          knowImg: require("@/assets/news/trade4.jpg"),
          title1: "行业新闻",
          title2: "闻谷歌要求所有安卓设备加入“屏幕使用时间“等功能",
          p1: "2018-11-07  ",
          p2: "(3587)",
          content:
            "据外媒报道，在过去一年半时间里，谷歌始终在推动名为“数字健康”（Digital WellBeing）的计划，以帮助所有人以更健康的方式使用手机。现在，谷歌要求所有安卓设备都需要有某种“数字健康...",
        },
        {
          knowImg: require("@/assets/news/trade5.jpg"),
          title1: "行业新闻",
          title2: "微软工程师亲口承认 新Edge浏览器支持Timeline功能",
          p1: "2018-11-07  ",
          p2: "(630)",
          content:
            "之前一直有消息称，微软正在开发Windows Core OS，不过现在有国外媒体发现，微软工程师的LinkedIn个人资料中已经显示，微软正在新平台上进行更多的工作，同时还明确提及到了...",
        },
      ],
      currentList:[],
      currentIndex: 0,
    };
  },
  methods: {
    exChange1() {
      this.$router.push({ path: "/CompanyNews" });
    },
    exChange2() {
      this.$router.push({ path: "/TradeNews" });
    },
    Skip(index) {
      console.log(index);
      this.$router.push({ path: "/NewList/" + (index + 2) });
      this.currentList = majorList[index+2];
      this.currentIndex = index+2;
      console.log(this.currentList);
      window.sessionStorage.setItem(
        "currentList",
        JSON.stringify(this.currentList)
      );
    },
  },
};
</script>

<style lang="scss">
.NewsCenter {
  background: url(../../assets/news/h-top-1.jpg) no-repeat;
}
</style>